<ion-header no-border align-title="center">

  <ion-navbar color="primary">
    <ion-title mode="ios">注册</ion-title>

    <ion-buttons end class="empty-button">
      <button ion-button >
        <ion-icon></ion-icon>
      </button>
    </ion-buttons>
  </ion-navbar>

</ion-header>

<ion-content padding>
  <form [formGroup]="registerForm">
    <ion-list>
      <ion-item>
        <ion-input type="text" placeholder="用户名" formControlName="user_account"></ion-input>
      </ion-item>
      <ion-item>
        <ion-input type="number" placeholder="手机号码" formControlName="user_mobile"></ion-input>
      </ion-item>
      <ion-item>
        <ion-input type="password" placeholder="密码" formControlName="user_password"></ion-input>
      </ion-item>
      <ion-item>
        <ion-input type="password" placeholder="重复密码" formControlName="user_repeat_password"></ion-input>
      </ion-item>
    </ion-list>
    <ion-grid text-center>
      <ion-row>
        <ion-col>
          <button ion-button class="button-full" (click)="save(registerForm.value, $event)" [disabled]="!registerForm.valid">注册</button>
        </ion-col>
      </ion-row>
    </ion-grid>
  </form>
</ion-content>
